<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<html>
<head>
    <title>系统队列</title>
    <link type="text/css" rel="stylesheet" href='<spring:url value="/webjars/bootstrap/3.3.5/css/bootstrap.min.css"/>'/>
    <link type="text/css" rel="stylesheet" href='<spring:url value="/webjars/bootstrap/3.3.5/css/bootstrap-theme.min.css"/>'/>
    <link type="text/css" rel="stylesheet" href='<spring:url value="/resources/css/content.css"/>'/>
    <script src='<spring:url value="/webjars/jquery/1.11.1/jquery.min.js"/>'></script>
    <script src='<spring:url value="/webjars/bootstrap/3.3.5/js/bootstrap.js"/>'></script>
    <script src='<spring:url value="/webjars/angularjs/1.5.5/angular.min.js"/>'></script>
    <script src='<spring:url value="/webjars/angularjs/1.5.5/angular-resource.js"/>'></script>
    <script src='<spring:url value="/webjars/bootbox/4.4.0/bootbox.js"/>'></script>
    <script src='<spring:url value="/resources/js/sysQueue/SysQueueModel.js"/>'></script>
    <script src='<spring:url value="/resources/js/sysQueue/SysQueueController.js"/>'></script>
    <script src='<spring:url value="/resources/js/sysQueue/SysQueueService.js"/>'></script>
</head>
<body ng-app="sysQueueApp" ng-controller="sysQueueCtrl" style="padding: 0px;margin: 0px">
<div class="adcc-container">
    <form class="form-inline" style="float: right;">
        <div class="input-group">
            <ol class="breadcrump" style="padding:0px;margin: auto;">
                <li class="active" style="list-style: none">刷新时间：</li>
            </ol>
        </div>
        <div class="form-group">
            <select ng-model="selectTime" class="form-control" ng-init="selectTime='30000'"
                    ng-change="changeTime(selectTime)">
                <option value='15000'>15秒</option>
                <option value='30000'>30秒</option>
                <option value='60000'>60秒</option>
            </select>
        </div>
    </form>
    <ol class="breadcrumb">
        <li class="active">MQ管理</li>
        <li class="active">系统队列</li>
    </ol>
    <table class="table table-bordered table-striped  table-condensed table-hover" style="align-content: center">
        <thead>
        <tr>
            <th>名称</th>
            <th>类型</th>
            <th>持久化</th>
            <th>队列深度</th>
            <th>队列最大深度</th>
        </tr>
        </thead>
        <tr ng-repeat="queue in queueList" ng-style="{color:queue.blocked ? 'red':''}">
            <td style="width: 30%">{{queue.name}}</td>
            <td style="width: 17%">{{queue.typeName}}</td>
            <td style="width: 17%">{{queue.persistent ? '持久化' : '非持久化'}}</td>
            <td style="width: 17%">{{queue.depth}}</td>
            <td style="width: 19%">{{queue.maxDepth}}</td>
        </tr>
    </table>
</div>
</body>
</html>
